<template>
  <div>
    <el-container>
      <el-header> <navigation-bar> </navigation-bar></el-header>
      <el-main
        ><el-card  class="box-card">
          <label for="" style="font-size: 35px">大神风采</label>
          <el-card style="margin-top:30px" shadow="hover">
             <div id="articleTitle" style="font-size: 25px">
                  什么是大神就不用我多说了吧
                </div>
            <table>
              <tr>
               

                <td>
                  <div class="demo-image">
                    <!-- <span style="" class="demonstration"></span> -->
                    <el-image
                      style="width: 250px; height: 250px"
                      :src="url"
                    ></el-image>
                  </div>
                </td>
                <td>
                  <div id="details" style="text-align: left">
                    <span
                      style="
                        margin-left: 30px;
                        word-break: break-all;
                        word-wrap: break-word;
                      "
                    >
                      <!-- 文章内容 -->
                      如图
                    </span>
                  </div>
                </td>
              </tr>
            </table>
            <!-- 文章标题 -->
          </el-card>
        </el-card></el-main
      >
    </el-container>
  </div>
</template>

<script>
import NavigationBar from "../NavigationBar/NavigationBar.vue";

export default {
  components: {
    NavigationBar,
  },
  data(){
    return {
      url:require("../../../imgs/老胡.jpg")
    }
  }
};
</script>

<style scoped>
.text {
  font-size: 14px;
}

.item {
  padding: 18px 0;
}

.box-card {
  width: 70%;
  min-height: 900px;
  margin: auto;
}
</style>